<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Calculator</title>
	
	<meta content="width=device-width" name="viewport" />
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 		
	<link rel="stylesheet" type="text/css" href="css/sty.css"/>

	
</head>
<body>
	<!--计算器-->
	<div class="calcu" id="calculator" v-cloak >
			<div id="center">
				<input type="text" class="calcu-play"  v-model="exp" @keydown="getkey">
		
				<table class="calcu-key" border="0" cellspacing="0" cellpadding="0"  >
				<tr :key="item.id" v-for="item in arr" >
					<td :key="it.id"v-for="it in item" >
						<button type="button" @click="getbtn($event)" >{{it}}</button>
					</td> 
				</tr>
					
				</table>
			</div>
		</div>
	<script type="text/javascript" src="js/calcu.js"></script>
	</body>
</html>